body {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #f0eeee;
}

div {
    margin: 15px;
}

div {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    animation: animate 0.6s linear infinite;
}
.loading1{
    border: 5px solid #d7d2d2;
    border-top-color: #21a1f1;
}
.loading2{
    border: 5px solid #f83e3e;
    border-top-color: transparent;
    border-right-color: transparent;
}
.loading3{
    border:5px  solid transparent;
    border-top-color: red;
    border-bottom-color: #73b6f9;
}

@keyframes animate {
    to{
        transform: rotate(360deg);
    }
}
